<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <title>自助小程序</title>

    {{template "template/css.html" .}}

</head>

<body>
<section id="container">
    <!-- **********************************************************************************************************************************************************
TOP BAR CONTENT & NOTIFICATIONS
*********************************************************************************************************************************************************** -->
    <!--header start-->
    {{template "template/header.html" .}}
    <!--header end-->
    <!-- **********************************************************************************************************************************************************
MAIN SIDEBAR MENU
*********************************************************************************************************************************************************** -->
    <!--sidebar start-->
    <aside>
        <div id="sidebar" class="nav-collapse ">
            <!-- sidebar menu start-->
            <ul class="sidebar-menu" id="nav-accordion">
                {{if IfOr .right }}
                    <li class="sub-menu">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-home"></i>
                            <span>商户管理</span>
                        </a>
                        <ul class="sub">
                            <li>
                                <a href="/merchant/list_UI/">XF通道</a>
                            </li>
                        </ul>
                    </li>
                {{end}}
                {{/*                {{if IfOrB2C .right }}*/}}
                {{/*                    <li class="sub-menu">*/}}
                {{/*                        <a href="javascript:;">*/}}
                {{/*                            <i class="glyphicon glyphicon-flag"></i>*/}}
                {{/*                            <span>B2C业务</span>*/}}
                {{/*                        </a>*/}}
                {{/*                        <ul class="sub">*/}}
                {{/*                            <li>*/}}
                {{/*                                <a href="/transfer/show_transfer/">B2C转账</a>*/}}
                {{/*                            </li>*/}}
                {{/*                            <li>*/}}
                {{/*                                <a href="/transfer/show_transfer_record/">B2C转账记录</a>*/}}
                {{/*                            </li>*/}}
                {{/*                        </ul>*/}}
                {{/*                    </li>*/}}
                {{/*                {{end}}*/}}
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="glyphicon glyphicon-eur"></i>
                        <span>自助充值</span>
                    </a>
                    <ul class="sub">
                        <li>
                            <a href="/merchant/show_recharge/">线下充值</a>
                        </li>
                        <li>
                            <a href="/merchant/show_bulk_recharge_ui/">批量充值</a>
                        </li>
                        <li>
                            <a href="/merchant/list_recharge/">充值记录</a>
                        </li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a class="active" href="javascript:;">
                        <i class="glyphicon glyphicon-share"></i>
                        <span>自助代付</span>
                    </a>
                    <ul class="sub">
                        <li class="active">
                            <a href="/merchant/show_pay/">在线代付</a>
                        </li>
                        <li>
                            <a href="/merchant/show_bulk_pay_ui/">在线批量代付</a>
                        </li>
                        <li>
                            <a href="/merchant/list_pay_ui/">代付记录</a>
                        </li>
                    </ul>
                </li>
                <li class="sub-menu">
                    <a href="javascript:;">
                        <i class="glyphicon glyphicon-user"></i>
                        <span>个人信息</span>
                    </a>
                    <ul class="sub">
                        <li>
                            <a href="/merchant/edit_userInfo_ui/">修改信息</a>
                        </li>
                    </ul>
                </li>
                {{if IfOr .right }}
                    <li class="sub-menu">
                        <a href="javascript:;">
                            <i class="glyphicon glyphicon-piggy-bank"></i>
                            <span>管理员操作</span>
                        </a>
                        <ul class="sub">
                            <li>
                                <a href="/user/user_manage_ui/">用户管理</a>
                            </li>
                            <li>
                                <a href="/user/reconcile_ui/">对账管理</a>
                            </li>
                            <li>
                                <a href="/merchant/list_pMinus/">加减款明细</a>
                            </li>
                        </ul>
                    </li>
                {{end}}
            </ul>
            <!-- sidebar menu end-->
        </div>
    </aside>
    <!--sidebar end-->
    <!-- **********************************************************************************************************************************************************
MAIN CONTENT
*********************************************************************************************************************************************************** -->

    <!--main content start-->
    <section id="main-content">
        <section class="wrapper">
            <h3><i class="fa fa-angle-right"></i> 在线代付</h3>
            <hr>
            <!-- FORM VALIDATION -->
            <div class="col-md-offset-4 row mt">
                <div class="col-lg-8">
                    <div class="form-panel">
                        <div class=" form" align="center">
                            <form class="cmxform form-horizontal style-form" id="pay_form">
                                {{/*<div class="form-group ">*/}}
                                {{/*<label for="channel" class="control-label col-lg-2">选择通道</label>*/}}
                                {{/*<div class="col-lg-7">*/}}
                                {{/*<select class="form-control" id="channel" name="channel">*/}}
                                {{/*{{range $k,$v:=.channel}}*/}}
                                {{/*<option value="{{$k}}">{{$v}}</option>*/}}
                                {{/*{{end}}*/}}
                                {{/*</select>*/}}
                                {{/*</div>*/}}
                                {{/*<label class="control-label " style="color: red;float: left"> ** </label>*/}}
                                {{/*</div>*/}}
                                {{/*<div class="form-group ">*/}}
                                {{/*<label for="merchant" class="control-label col-lg-2">选择商户</label>*/}}
                                {{/*<div class="col-lg-7">*/}}
                                {{/*<select class="form-control" id="merchant" name="merchant">*/}}
                                {{/*</select>*/}}
                                {{/*</div>*/}}
                                {{/*<label class="control-label " style="color: red;float: left"> ** </label>*/}}
                                {{/*</div>*/}}
                                <div class="form-group ">
                                    <label for="accountNo" class="control-label col-lg-2">提现银行卡号</label>
                                    <div class="col-lg-7">
                                        <input class="form-control " id="accountNo" type="text" name="accountNo"
                                               required/>
                                    </div>
                                    <label class="control-label " style="color: red;float: left"> ** 必填</label>
                                </div>
                                <div class="form-group ">
                                    <label for="accountName" class="control-label col-lg-2">户名</label>
                                    <div class="col-lg-7">
                                        <input class="form-control " id="accountName" type="text" name="accountName"
                                               required/>
                                        <label class="control-label " style="color: red;float: left"> ** 必填
                                            银行账号对应的户名</label>
                                    </div>
                                </div>
                                <div class="form-group ">
                                    <label for="userType" class="control-label col-lg-2">用户类型</label>
                                    <div class="col-lg-7">
                                        <select class="form-control " id="userType" name="userType">
                                            <option value="1">对私</option>
                                            <option value="2">对公</option>
                                        </select>
                                    </div>
                                    <label class="control-label " style="color: red;float: left"> ** </label>
                                </div>
                                <div class="form-group " id="issuer_div">
                                    <label for="issuer" class="control-label col-lg-2">联行号</label>
                                    <div class="col-lg-7">
                                        <input class="form-control " id="issuer" type="text" name="issuer"/>
                                    </div>
                                    <label class="control-label " style="color: red;float: left"> ** 对公必填</label>
                                </div>
                                <div class="form-group ">
                                    <label for="accountType" class="control-label col-lg-2">账户类型</label>
                                    <div class="col-lg-7">
                                        <select class="form-control " name="accountType">
                                            <option value="1">借记卡</option>
                                            <option value="2">贷记卡</option>
                                            <option value="4">对公账户</option>
                                        </select>
                                    </div>
                                    <label class="control-label " style="color: red;float: left"> ** </label>
                                </div>
                                <div class="form-group ">
                                    <label for="bankNo" class="control-label col-lg-2">提现银行</label>
                                    <div class="col-lg-7">
                                        <select class="form-control " name="bankNo">
                                            <option value="ICBC">中国工商银行</option>
                                            <option value="PSBC">中国邮政储蓄银行</option>
                                            <option value="BOC">中国银行</option>
                                            <option value="CEB">中国光大银行</option>
                                            <option value="ABC">中国农业银行</option>
                                            <option value="PAB">平安银行</option>
                                            <option value="SPDB">上海浦东发展银行</option>
                                            <option value="CSBC">长沙银行</option>
                                            <option value="BOCOM">交通银行</option>
                                            <option value="CMBC">中国民生银行</option>
                                            <option value="HXB">华夏银行</option>
                                            <option value="BCCB">北京银行</option>
                                            <option value="BEAI">东亚银行</option>
                                        </select>
                                        <label class="control-label " style="color: red;float: left"> **
                                            提现卡对应的银行</label>
                                    </div>
                                </div>
                                <div class="form-group ">
                                    <label for="branchProvince" class="control-label col-lg-2">开户省</label>
                                    <div class="col-lg-7">
                                        <input class="form-control " type="text" name="branchProvince"/>
                                        <label class="control-label " style="color: red;float: left"> ** <span
                                                    style="color: black">选填</span> 提现卡开户省份</label>
                                    </div>
                                </div>
                                <div class="form-group ">
                                    <label for="branchCity" class="control-label col-lg-2">开户市</label>
                                    <div class="col-lg-7">
                                        <input class="form-control " type="text" name="branchCity"/>
                                        <label class="control-label " style="color: red;float: left"> ** <span
                                                    style="color: black">选填</span> 提现卡开户市</label>
                                    </div>
                                </div>
                                <div class="form-group ">
                                    <label for="branchName" class="control-label col-lg-2">开户支行名称</label>
                                    <div class="col-lg-7">
                                        <input class="form-control " type="text" name="branchName"/>
                                        <label class="control-label " style="color: red;float: left"> ** <span
                                                    style="color: black">选填</span> 提现卡开户市</label>
                                    </div>
                                </div>
                                <div class="form-group ">
                                    <label for="money" class="control-label col-lg-2">提现金额</label>
                                    <div class="col-lg-7">
                                        <input class="form-control " id="money" type="text" name="money" required/>
                                        <label class="control-label " style="color: red;float: left"> ** 必填
                                            人民币且以元为单位</label>
                                    </div>
                                </div>
                                <div class="form-group ">
                                    <label for="mobileNo" class="control-label col-lg-2">验证码</label>
                                    <div class="col-lg-1">
                                        <input class="form-control " style="width: 143px;" id="mobileNo"
                                               type="text" name="mobileNo"
                                               required/>
                                    </div>
                                    <button class="btn btn-info" type="button"
                                            onclick="pay_recharge.send_msg_do_pay()">发送验证码
                                    </button>
                                </div>
                                <div class="form-group">
                                    <div class="col-lg-offset-2 col-lg-10">
                                        <button class="btn btn-theme" type="button"
                                                id="btn_submit_pay"
                                                onclick="pay_recharge.do_pay()">提交
                                        </button>
                                        <button class="btn btn-theme04" type="reset">取消</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- /form-panel -->
                </div>
                <!-- /col-lg-12 -->
            </div>
            <!-- /row -->
            </div>
            <!-- /form-panel -->
            <!-- CUSTOM TOGGLES -->
        </section>
        <!-- /wrapper -->
    </section>
    <!-- /MAIN CONTENT -->
    <!--main content end-->

    <!--footer start-->
    <footer class="site-footer">
        <div class="text-center">
            <p>
                &copy; Copyrights <strong>Joker</strong>. All Rights Reserved.
            </p>
        </div>
    </footer>
    <!--footer end-->
</section>

{{template "template/js.html" .}}

<script type="text/javascript">
    $(function () {
        toastr.options.positionClass = 'toast-top-center';

        //通道控制商户
        // pay_recharge.query_merchant_type($("#channel").val());
        // $("#channel").change(function () {
        //     pay_recharge.query_merchant_type($("#channel").val());
        // });

        $("#issuer_div").hide();
        $("#userType").change(function () {
            let userType = $("#userType").val();
            if (userType === "2") {
                $("#issuer_div").show();
            } else {
                $("#issuer_div").hide();
            }
        });

    });
</script>

</body>

</html>